{% extends 'base.html' %}
{% load i18n canchas_utils %}
{% block css %}
    <link rel="stylesheet" media="print" href="{{ CSS_PATH }}print.css" type="text/css" />
{% endblock %}
{% block javascript %}
    <script type="text/javascript" src="/media/js/behaviour.js"></script>
    <script type="text/javascript" src="/media/js/jquery.js"></script>
    <script type="text/javascript" src="/media/js/functions.js"></script>
{% endblock %}
{% block content %}
    <fieldset>
        <legend>{% trans "Mis Reservas" %}</legend>
        {% if reservas_canceladas %}
            <p class="titulito" id="canceladas_link">
                {% trans "Reservas Canceladas" %}
            </p>
            <div id="canceladas">
            {% for cancelada in reservas_canceladas %}
                <div>
                    {% trans "Dia" %}: {{ cancelada.dia }} {% trans "de" %} {{ cancelada.mes }}
                </div>
                <div>
                    {% trans "Hora" %}: {{ cancelada.hora }}:00 {% trans "horas" %}
                </div>
                <div>
                    {% trans "Cancha" %}: {{ cancelada.cancha }}
                </div>
                <div>
                    {% trans "Junto a" %}: {{ cancelada.invitado }}
                </div>
                <div>
                    {% trans "Cancelada por" %} {{ cancelada.cancelada_por }} {% trans "el" %} {{ cancelada.cancelada_el }}
                </div>
                <hr />
            {% endfor %}
            </div>
        {% endif %}
        {% if not puede_reservar %}
            <p class="titulito">
                 {% trans "Reserva Actual" %}
            </p>
            <div>
                {% trans "Dia" %}: {{ reserva.dia }} {% trans "de" %} {{ reserva.mes }}
            </div>
            <div>
                {% trans "Hora" %}: {{ reserva.hora }}:00 {% trans "horas" %}
            </div>
            <div>
                {% trans "Cancha" %}: {{ reserva.cancha }}
            </div>
            <div>
                {% trans "Junto a" %}: {{ reserva.invitado }}
            </div>
            <div>
                <form method="post" action="/cancelar/reserva/" id="cancelarform">
                    <div>
                        <input type="hidden" name="reserva" id="reserva" value="{{ reserva.id }}" />
                        <input type="hidden" name="confirmada" id="confirmada" />
                        <input type="hidden" name="confirmar_text" id="confirmar_text" value="¿Realmente desea eliminar su reserva?" />
                        <button name="cancelar" id="cancelar" value="cancelar" type="submit"><img src="/media/images/cancel.gif" alt="" /> {% trans "Cancelar" %}!</button>
                    </div>
                </form>
                <div>
                    <button name="imprimir" id="imprimir" value="imprimir" type="submit"><img src="/media/images/print.gif" alt="" /> {% trans "Imprimir" %}</button>
                </div>
            </div>
        {% else %}
            <strong>{% trans "No tiene reservas actualmente." %}</strong>
        {% endif %}
    </fieldset>
    <fieldset id="reservar">
        <legend>{% trans "Reservar" %}!</legend>
        {% if puede_reservar %}
        <script type="text/javascript">
            <!--
            var output = '';
            output += '<p>';
            output += '    <form method="post" action="/reservar/" id="partnerform">';
            output += '        <input type="hidden" name="cancha" id="cancha" value="" />';
            output += '        <input type="hidden" name="dia" id="dia" value="" />';
            output += '        <input type="hidden" name="hora" id="hora" value="" />';
            output += '        {% trans "&iquest;Con qui&eacute;n va a jugar?" %}';
            output += '        <p id="radiopartner">';
            output += '            <div>';
            output += '                <label for="socio">{% trans "Socio" %}:</label> <input type="radio" name="partnerradio" id="socio" value="socio" />';
            output += '            </div>';
            output += '            <div>';
            output += '                <label for="invitado">{% trans "Invitado" %}:</label> <input type="radio" name="partnerradio" id="invitado" value="invitado" /> ';
            output += '            </div>';
            output += '        </p>';
            output += '        <div id="partnerholder">';
            output += '            <input type="hidden" name="socio_vacio" id="socio_vacio" value="{% trans "No olvide ingresar el n&uacute;mero de socio de su compa&ntilde;ero." %}" />';
            output += '            <input type="hidden" name="invitado_vacio" id="invitado_vacio" value="{% trans "Si va a jugar con alguien que no es socio del club debe ingresar nombre y documento de identidad de la persona." %}" />';
            output += '            <input type="hidden" name="vacio" id="vacio" value="{% trans "No olvide elegir con quien desea jugar." %}" />';
            output += '            <input type="hidden" name="admin_cancela_texto" id="admin_cancela_texto" value="{% trans "Esto es &uacute;til cuando no tiene una computadora cerca para realizar la baja pero s&iacute; un tel&eacute;fono con el cual puede hacer la cancelaci&oacute;n telef&oacute;nicamente. Si no la marca solo Ud puede darla de baja." %}" />';
            output += '            <div id="socio_tpl">';
            output += '                <label for="numero">{% trans "N&uacute;mero de socio" %}:</label> <input type="text" name="numero" id="numero" />';
            output += '            </div>';
            output += '            <div id="invitado_tpl">';
            output += '                <div>';
            output += '                    <label for="nombre">{% trans "Nombre" %}:</label> <input type="text" name="nombre" id="nombre" />';
            output += '                </div>';
            output += '                <div>';
            output += '                    <label for="cedula">{% trans "Documento" %}:</label> <input type="text" name="cedula" id="cedula" />';
            output += '                </div>';
            output += '            </div>';
            output += '        </div>';
            output += '        <p>';
            output += '            <label for="admin_cancela">{% trans "Cancelable por admin" %}:</label> <input type="checkbox" name="admin_cancela" id="admin_cancela" checked="checked" /> <span id="admin_cancela_ayuda"><a href="#">{% trans "&iquest;Qu&eacute; es esto?" %}</a></span>';
            output += '        </p>';
            output += '    </form>';
            output += '</p>';
            output += '<p id="errorholder">';
            output += '</p>';
            document.write(output);
            -->
        </script>
        <noscript>
        </noscript>
        <p id="hoy_link">
            {% trans "Hoy" %} {% now "d-m-Y" %}
        </p>
        <div id="hoy">
            <table id="tabla_hoy">
                <tr>
                    <td class="tdhora" style="text-align: center;">{% trans "Hora" %}</td>
                    {% for cancha in canchas %}
                        <td style="text-align: center;">{{ cancha.nombre }}</td>
                    {% endfor %}
                </tr>
                {% for hora in horas %}
                    <tr>
                        <td>
                            {{ hora }}:00 hs
                        </td>
                        {% for cancha in canchas %}
                            {% estado_cancha cancha hora hoy %}
                        {% endfor %}
                    </tr>
                {% endfor %}
            </table>
        </div>

        <p id="maniana_link">
            {% trans "Ma&ntilde;ana" %} {{ maniana }}
        </p>
        <div id="maniana">
            <table id="tabla_maniana">
                <tr>
                    <td class="tdhora" style="text-align: center;">{% trans "Hora" %}</td>
                    {% for cancha in canchas %}
                        <td style="text-align: center;">{{ cancha.nombre }}</td>
                    {% endfor %}
                </tr>
                {% for hora in horas %}
                    <tr>
                        <td>
                            {{ hora }}:00 hs
                        </td>
                        {% for cancha in canchas %}
                            {% estado_cancha cancha hora mañana %}
                        {% endfor %}
                    </tr>
                {% endfor %}
            </table>
        </div>
        {% else %}
        <p>
            {% trans "No puede realizar otra reserva, ya tiene una pendiente." %}
        </p>
        {% endif %}
    </fieldset>
{% endblock %}
